<template>
  <div class="flex align-items-center m-l-5 m-r-10">
    <img v-for="(item, index) in numberArr" :key="index" :src="require(`@/assets/img/number/${item}.png`)" class="m-l-5" />
  </div>
</template>

<script>
export default {
  name: 'NumberImg',
  props: {
    number: {
      type: Number,
      default: 123
    }
  },
  computed: {
    numberArr() {
      return (this.number + '').split('')
    }
  }
}
</script>
